<!DOCTYPE html>
<!-- saved from url=(0036)http://sinooceanlas.com/cate/19.html -->
<html lang="en" style="font-size: 40px;">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



	<title>资金需求</title>
	<meta name="keywords" content="河北省企业投资理财协会">
	<meta name="description"
		content="河北省企业投资理财协会">

	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

	<meta name="format-detection" content="telephone=no">

	<meta name="apple-mobile-web-app-capable" content="yes">

	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<meta name="referrer" content="never">

	<link rel="stylesheet" href="./comment/layui.css">

	<link rel="stylesheet" type="text/css" media="screen and (min-width:320px) and (max-width:760px)"
		href="./comment/phone.css">

	<link rel="stylesheet" type="text/css" media="screen and (min-width:760px) and (max-width:3600px)"
		href="./comment/pc.css">

	<link rel="stylesheet" type="text/css" href="./comment/reset.css">

	<link rel="stylesheet" type="text/css" href="./comment/animate.css">

	<link rel="stylesheet" type="text/css" href="./comment/swiper.min.css">

	<script type="text/javascript" src="./comment/rem.js"></script>
	<script src="./comment/js-sdk-pro.min.js"></script>
	<link rel="stylesheet" href="./comment/layer.css" id="layuicss-layer">
</head>

<body style="font-size: 12px;">

	<div id="app">
		<my-header></my-header>
		<!-- 中部内容 go -->
		<div class="gg_ban">
			<img src="./img/bcg_top_5.JPG">
			<div class="wow zoomIn" style="visibility: visible; animation-name: zoomIn;">
			</div>
		</div>

		<div class="ne_one">
			<div class="space-top">
			</div>
			<div class="wow bounceInDown com_one_t" style="visibility: visible; animation-name: bounceInDown;">
				<p>资金需求</p>
				<p>Capital demand</p>
				<span></span>
			</div>

			<div class="nex_one_l_c">
					<div class="content">
						<ul class="news1">
							<span @click="toDetile(item)" v-for="item in requireData" :key="item.id">
								<li style="position: relative;">
									<a  class="pg-color">
										<div style="margin-right: 10px; font-size: 18px;">
											缘由：{{item.reason}}
										</div>
										<div style="font-size: 18px;">
											使用期限：{{item.term}}个月
										</div>	
										<div style="font-size: 18px;">
											需求金额：{{item.amount}}元
										</div>
										<div style="text-align: left; font-size: 18px;">
											能够承受的利息范围：年化{{item.interest_start}}%-{{item.interest_end}}%
										</div>
									</a>
									<span style="position: absolute;right: 0px; font-size: 18px;">{{item.create_time}}</span>
								</li>
									<div style="font-size: 18px;">{{item.describe}}</div>
							</span>
						</ul>
					</div>
				</div>
			<div v-if="requireData.length" class="gg_page">
				<ul>
					<ul class="pagination">
						<li @click="currentPage <= 1?'':changePage(currentPage - 1)"
						:disabled="currentPage <= 1"
						class="disabled"><span>«</span>
						</li>
						<li 
						v-for="page in pages"
						:key="page"
						@click="changePage(page)"
						:class="{ active: currentPage === page }"><span>{{page}}</span></li>
						<li @click="currentPage >= totalPages?'':changePage(currentPage + 1)"
						:disabled="currentPage >= totalPages"><span>»</span></li>
					</ul>
				</ul>
			</div>
		</div>
	<my-footer></my-footer>

	</div>
	<script type="text/javascript" src="./comment/jquery-2.1.4.min.js"></script>
	<script src="./js/vue.js"></script>
	<script src="js/comment.js"></script>
	<script type="text/javascript" src="./comment/layer.js"></script>
	<script>
		var app = new Vue({
			el: '#app',
			data: {
				
                // 分页
                totalPage: 0,
                pageSize: 10,
                currentPage: 1,
                maxVisibleButtons: 10,
				requireData:[],
				comanyInfo:{}
			},
			computed: {
                totalPages() {
                    return Math.ceil(this.totalPage / this.pageSize)
                },
                pages() {
                    const range = []
                    const half = Math.floor(this.maxVisibleButtons / 2)
                    let start = Math.max(1, this.currentPage - half)
                    let end = Math.min(this.totalPages, start + this.maxVisibleButtons - 1)

                    if (end - start + 1 < this.maxVisibleButtons) {
                        start = Math.max(1, end - this.maxVisibleButtons + 1)
                    }

                    for (let i = start; i <= end; i++) {
                        range.push(i)
                    }
                    return range
                }
            },
			mounted () {
                document.getElementById('zijinfuwu').classList.add('gg_nav_r_r_ac')
		
				this.getRequireData()
				this.getinfo()
			},
			methods: {
                changePage(page) {
                    this.currentPage = page
                    if (page >= 1 && page <= this.totalPages) {
                        this.getData()
                    }
                },
            
				getRequireData () {
					let pageData = {
                        page:this.currentPage,
                        limit:this.limit
                    }
					const that = this
					var indexlayer = layer.load(2);
					$.ajax({
						type: 'get',
						url: gloabApi + "/Fundrequire/getList",
						data: pageData,
						dataType: 'json',
						success: function (res) {
							if (res.code == 1) {
								console.log((res))
								that.requireData = res.data.list
								that.totalPage = res.data.total
							} else {
								layer.msg(res.msg);
							}
							layer.close(indexlayer);
						},
					})
				},
				getinfo(){
					var that = this
					$.ajax({
						type: 'get',
						url: gloabApi + "/Companyinfo/getInfo",
						data: {},
						dataType: 'json',
						success: function (res) {
							if (res.code == 1) {
								that.comanyInfo = res.data

							} else {
								layer.msg(res.msg);
							}
						},
					})
				},
				toDetile(){
					let str = `请联系我们：${this.comanyInfo.mobile}`
					layer.confirm(str, {
						btn: ['确定'] //按钮
						}, function(index){
							layer.close(index); // 关闭弹窗
						});
				},
			}
			
		})
	</script>
	 <script src="./js/login.js"></script>
	<script type="text/javascript" src="./comment/index.js"></script>
	<script type="text/javascript" src="./comment/wow.min.js"></script>
</body>

</html>
<style>
	.content {
		margin: 0 20px;
		font-size: 14px;
	}
	.space-top {
		height: 63px;
	}
	.news1 {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 25px auto;
	}

	.news1 li {
		width: 100%;
		padding: 15px 0;
		font: 20px / 30px "microsoft yahei";
		color: #737373;
		/* background: #fff; */
		border-bottom: 1px dashed #dddddd;
		display: flex;
		justify-content: space-between;
		span{
			text-align: right;
    		width: 200px;
		}
	}
	.describe-text {
  white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
  width: 200px; /* 定义容器宽度 */
  width: 100%;
	}
</style>